Ext.define('AppMvc.view.Viewport', {
    extend: 'Ext.container.Viewport',
    requires:['AppMvc.view.MenuTree'],
    //布局方式：border
    layout: 'border',
    items: [{
        collapisble: true,
        region:'north',
        height: 100,
//        ,
//        html: '<br><center><font size=5>MVC模式实现的ExtJS案例</font><br><font size=2>源码来源:ITLee博客</font></center>',
        html:'<iframe src="indexTop.jsp" width="100%" height="100px" frameborder="0" scrolling="no"></iframe>'
    },{
        title: '功能菜单',
        region: 'west',
        width: 180,
        split: true,
        collapisble: true,
        xtype:'panel',
        layout:'fit',
        items:[
        	{
        		xtype:'menutree'
        	}
        ]
    }, 
    {
		xtype:'webtabpanel',
		region:'center'
    }
//    {
//        id: 'mainContent',
//        title: '主题内容显示',
//        layout: 'fit',
//        region: 'center',
//        collapisble: true
//    }
    ]
});
